@extends('WShop::layout')
@push('styles')
    <style type="text/css">
        html,body{background: #fff}
    </style>
@endpush
@section('content')
    <div class="mui-content mui-scroll-wrapper" id="pullrefresh" style="background: transparent;">
        <div class="mui-scroll">

            <div class="mui-table-view mui-table-view-chevron mui-bottom" style="background: transparent;">
                <div class="mui-user-header mui-text-center">
                    <div class="flex" style="padding-top: 20px;">
                        @if($info->head_pic)
                            <img src="{{$info->head_pic}}" alt="" width="45"  />
                        @else
                            <img src="{{asset(config('view.frontend.wap_login').'/images/shequshangji.png')}}" alt="" width="45"  />
                        @endif

                        <div style="width:183px;" class="mui-text-left">
                            <p class="mui-text-bai">{{$info->nickname}}<em style="margin-left: 2px;color: #ff980a">{{get_user_level($info->level)}}【{{get_user_reg_type($info->reg_type)}}】</em></p>
                            <span class="mui-text-bai">{{$info->user_phone}}</span><br/>
{{--                            <span class="mui-text-bai"><b style="color: #ff9001">静态积分:</b>{{$info->static_point}}</span>--}}
                        </div>
                        <a href="{{route('f_Wap_User_updateInfo')}}" style="position: absolute;top: 3%;left: 67%" class="mui-ziliao">完善资料</a>
                    </div>
                    <ul class="mui-list-unstyled mui-clearfix">
                        @foreach(get_currency() as $field=>$title)
                        <li>
                            <a href="javascript:;" class="mui-text-bai">
                                <span>{{$info->wallet->$field}}</span>
                                <p class="mui-text-bai">{{$title}}</p>
                            </a>
                        </li>
                        @endforeach
                    </ul>
                </div>
                <div class="mui-user-center bg-fff">

                    <ul class="mui-clearfix mui-list-unstyled">
                        <li>
                            <a href="{{route('f_Wap_Order_waitPayOrder')}}">
                                <img src="{{asset(config('view.frontend.wap_login').'/images/daifukuan.png')}}" alt="" width="40" />
                                <p>待付款</p>
                            </a>
                        </li>
                        <li>
                            <a href="{{route('f_Wap_Order_orderRecord',['status'=>1])}}">
                                <img src="{{asset(config('view.frontend.wap_login').'/images/daifahuo.png')}}" alt="" width="40" />
                                <p>待发货</p>
                            </a>
                        </li>
                        <li>
                            <a href="{{route('f_Wap_Order_orderRecord',['status'=>2])}}">
                                <img src="{{asset(config('view.frontend.wap_login').'/images/daishouhuo.png')}}" alt="" width="40" />
                                <p>待收货</p>
                            </a>
                        </li>
                        <li>
                            <a href="{{route('f_Wap_Order_orderRecord',['status'=>3])}}">
                                <img src="{{asset(config('view.frontend.wap_login').'/images/daishouhuo.png')}}" alt="" width="40" />
                                <p>已完成</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="mui-user-bottom bg-fff">
                    <ul class="mui-table-view">

                        <li class="mui-table-view-cell">
                            <a class="mui-navigate-right" href="{{route('f_Wap_User_bonusCount')}}">
                                <img src="{{asset(config('view.frontend.wap_login').'/images/flow.png')}}" alt="">
                                薪酬统计
                            </a>
                        </li>

                        <li class="mui-table-view-cell">
                            <a class="mui-navigate-right" href="{{route('f_Wap_User_accountFlow')}}">
                                <img src="{{asset(config('view.frontend.wap_login').'/images/flow.png')}}" alt="">
                                薪酬流水
                            </a>
                        </li>

                        <li class="mui-table-view-cell">
                            <a class="mui-navigate-right" href="{{route('f_Wap_Account_wdRecord')}}">
                                <img src="{{asset(config('view.frontend.wap_login').'/images/wallet.png')}}" alt="">
                                提现记录
                            </a>
                        </li>

                        <li class="mui-table-view-cell">
                            <a class="mui-navigate-right" href="{{route('f_Wap_Account_tfRecord')}}">
                                <img src="{{asset(config('view.frontend.wap_login').'/images/wallet.png')}}" alt="">
                               转账记录
                            </a>
                        </li>

                        <li class="mui-table-view-cell">
                            <a class="mui-navigate-right" href="{{route('f_Wap_Account_rgApply')}}">
                                <img src="{{asset(config('view.frontend.wap_login').'/images/collection.png')}}" alt="">
                                充值中心
                            </a>
                        </li>

                    </ul>

                </div>
            </div>
        </div>
    </div>

    @include('WShop::public.foot_bar',['active'=>'user'])
@endsection
@push('scripts')
    <script>
        function enterSearch(event){
            if(event.keyCode == 13) {//用户点击回车的事件号为13
                var keyword = document.getElementById('searchInput').value;
                alert(keyword);
            }
        }

        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            slidesPerView: 4,
            paginationClickable: true,
            spaceBetween: 30
        });
        var btn=$('.mui-fenlei .swiper-slide')
        for (var i=0;i<btn.length;i++){
            btn[i].addEventListener('tap',function(){
                $(this).addClass('swiper-slide-actives').siblings().removeClass('swiper-slide-actives')
            })
        }
    </script>

@endpush